<!DOCTYPE html>
<!--由浙江山久（三盛）网络科技有限公司技术部设计,如果您有任何意见或建议请致电400-861-0574-->
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>HTML模版</title>
    <meta name="keywords" content="your keywords" />
    <meta name="description" content="your description" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1" />
    <meta name="format-detection" content="telephone=no" />

    <link rel="stylesheet" href="./static/css/base.min.css" />
    <link rel="stylesheet" href="./static/font/iconfont.css" />
    <link rel="stylesheet" href="./static/css/cl-reset.min.css" />
    <link rel="stylesheet" href="./static/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="./static/css/index.min.css" />
    <link rel="stylesheet" href="./static/css/moblie.min.css" />
    <link rel="stylesheet" href="./static/css/cl-animation.min.css" />
  </head>

  <body>
    <div data-scroll-container>
      <header class="header-wrap" data-scroll-section>
        <div class="header">
          <div class="w1100">
            <div class="topline" data-scroll data-scroll-id="hey">
              <h1 class="topline-left">
                <a href="./index.html" class="logo"
                  ><img src="./static/image/hlogo.png" alt=""
                /></a>
              </h1>
              <div class="topline-rgiht">
                <dfn class="info-wrap">
                  <a href="./case-list.html" class="iwitem" href="#"
                    ><i class="iconfont wjj">&#xec17;</i>
                    <span>案件情報</span></a
                  >
                  <a href="./sap-list.html" class="iwitem" href="#"
                    ><i class="iconfont ts">&#xe6b9;</i><span>研修情報</span></a
                  >
                  <a href="./new-list.html" class="iwitem" href="#"
                    ><i class="iconfont ht">&#xe624;</i><span>ニュース</span></a
                  >
                </dfn>
              </div>
            </div>
          </div>
        </div>

        <nav class="navline w1100">
          <ul class="nav">
            <li class="nvitem">
              <a href="./index.html"
                ><i class="iconfont sy">&#xe64b;</i>ホームページ</a
              >
            </li>
            <li class="nvitem">
              <a href="./about.html"
                ><i class="iconfont qy">&#xe679;</i>企業情報</a
              >
            </li>
            <li class="nvitem">
              <a href="./case-list.html"
                ><i class="iconfont aj">&#xe797;</i>案件情報</a
              >
            </li>
            <li class="nvitem">
              <a href="./sap-list.html"
                ><i class="iconfont sap">&#xe6b9;</i>SAP研修</a
              >
            </li>
            <li class="nvitem">
              <a href="./new-list.html"
                ><i class="iconfont nw">&#xebca;</i>ニュース</a
              >
            </li>
            <li class="nvitem">
              <a href="./recruit-list.html"
                ><i class="iconfont cy">&#xe689;</i>採用情報</a
              >
            </li>
            <li class="nvitem">
              <a href="./postion.html"
                ><i class="iconfont fw">&#xe65e;</i>アクセス</a
              >
            </li>
          </ul>
          <a href="./concat.html" class="inquiry">
            <i class="iconfont flrtz">&#xe6a6;</i>
            <span>問合せ</span>
          </a>
        </nav>
      </header>
      <div class="cSwiper-box" style="overflow: hidden" data-scroll-section>
        <div class="swiper cSwiper">
          <div class="swiper-wrapper cSwiper-wrapper">
            <div class="swiper-slide cSwiper-slide">
              <div
                class="cSwiper-inner"
                style="background-image: url('./static/image/banner1.png')"
              ></div>
            </div>
            <div class="swiper-slide cSwiper-slide">
              <div
                class="cSwiper-inner"
                style="background-image: url('./static/image/banner2.jpg')"
              ></div>
            </div>
            <div class="swiper-slide cSwiper-slide">
              <div
                class="cSwiper-inner"
                style="background-image: url('./static/image/banner2.jpg')"
              ></div>
            </div>
          </div>
          <div class="w1100 svgbox">
            <div class="xxx">
              <svg class="cSwiper-svg1 cSwiper-svg">
                <circle
                  cx="65"
                  cy="65"
                  r="60"
                  style="
                    stroke: rgba(255, 255, 255, 0.2);
                    fill: transparent;
                    stroke-width: 2;
                  "
                />
              </svg>
              <svg class="cSwiper-svg2 cSwiper-svg">
                <circle
                  cx="65"
                  cy="65"
                  r="60"
                  style="stroke: #fff; fill: transparent; stroke-width: 2"
                />
              </svg>

              <span>1/1</span>
            </div>

            <div class="csi-drag" data-scroll data-scroll-call="topCurA">
              <div class="main">
                <h3 class="csi-h3">
                  SAP認定コンサルタント資格取得数<strong class="counter"
                    >274</strong
                  >
                </h3>
                <p class="csi-p">豊富な導入実績とノウハウでSAP導入・運用支援</p>
              </div>
              <div class="btnline">
                <a class="btn active" href="./concat.html">
                  <i class="iconfont btnxw">&#xe6a6;</i>
                  <span>問合せ</span>
                </a>
                <a class="btn" href="./concat.html">
                  <i class="iconfont btnwjj">&#xec17;</i>
                  <span>資料請求</span>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="container"
        style="background-color: #ffffff"
        data-scroll-section
      >
        <div class="case w1100" data-scroll data-scroll-call="topA">
          <div class="index_head">
            <h1 class="index_title" data-topA>案件情報</h1>
            <p class="index_subtitle" data-topA>
              案件名をクリックすると詳細内容をご覧いただけます
            </p>
            <p class="index_more chover" data-topA>
              <a href="./case-list.html">もっと理解する</a>&nbsp<span class="cm"
                >+</span
              >
            </p>
          </div>

          <div class="case-body" data-topA>
            <!-- on 多余class -->
            <a href="./case.html" target="_blank" class="case-item chover">
              <h4 class="case-h4 cword ellipsis" title="">
                大手電機メーカ向けSAP導入
              </h4>
              <div class="case-main">
                <p class="ellipsis" title="">希望条件：SD/MM/PS</p>
                <p class="ellipsis" title="">単価：応相談</p>
                <p class="ellipsis" title="">出勤場所：都内、テレワーク</p>
              </div>
              <div class="case-info">
                <dfn class="case-date">
                  <i class="iconfont cdde">&#xe617;</i>
                  <span class="case-txt">2021年4月～</span>
                </dfn>
                <dfn class="case-user">
                  <i class="iconfont cdde">&#xe749;</i>
                  <span class="case-txt">複数名</span>
                </dfn>
              </div>

              <dfn class="index_xx case-more cword">
                <span>詳細</span>
                <i class="iconfont cmm carrow">&#xeb94;</i>
              </dfn>
            </a>
            <a href="./case.html" target="_blank" class="case-item chover">
              <h4 class="case-h4 cword ellipsis" title="">
                大手電機メーカ向けSAP導入
              </h4>
              <div class="case-main">
                <p class="ellipsis" title="">希望条件：SD/MM/PS</p>
                <p class="ellipsis" title="">単価：応相談</p>
                <p class="ellipsis" title="">出勤場所：都内、テレワーク</p>
              </div>
              <div class="case-info">
                <dfn class="case-date">
                  <i class="iconfont cdde">&#xe617;</i>
                  <span class="case-txt">2021年4月～</span>
                </dfn>
                <dfn class="case-user">
                  <i class="iconfont cdde">&#xe749;</i>
                  <span class="case-txt">複数名</span>
                </dfn>
              </div>

              <dfn class="index_xx case-more cword">
                <span>詳細</span>
                <i class="iconfont cmm carrow">&#xeb94;</i>
              </dfn>
            </a>
            <a href="./case.html" target="_blank" class="case-item chover">
              <h4 class="case-h4 cword ellipsis" title="">
                大手電機メーカ向けSAP導入大手電機メーカ向けSAP導入大手電機メーカ向けSAP導入
              </h4>
              <div class="case-main">
                <p class="ellipsis" title="">
                  希望条件：SD/MM/PSSD/MM/PSSD/MM/PSSD/MM/PSSD/MM/PS
                </p>
                <p class="ellipsis" title="">
                  単価：応相談応相談応相談応相談応相談
                </p>
                <p class="ellipsis" title="">
                  出勤場所：都内、テレワーク都内、テレワーク都内、テレワーク都内、テレワーク
                </p>
              </div>
              <div class="case-info">
                <dfn class="case-date">
                  <i class="iconfont cdde">&#xe617;</i>
                  <span class="case-txt">2021年4月～</span>
                </dfn>
                <dfn class="case-user">
                  <i class="iconfont cdde">&#xe749;</i>
                  <span class="case-txt">複数名</span>
                </dfn>
              </div>

              <dfn class="index_xx case-more cword">
                <span>詳細</span>
                <i class="iconfont cmm carrow">&#xeb94;</i>
              </dfn>
            </a>
          </div>
        </div>

        <div class="aboutus w1100" data-scroll data-scroll-call="topCurA">
          <div class="aboutus-left">
            <h3 class="aboutus-h3">会社概要</h3>
            <div class="aboutus-txt">
              <p>
                ユアパートナーシステムズは、幅広い規模・業種にわたる業務システムの構築と、データセンター、ネットワークやセキュリティの運用・監視センター、コンタクトセンター、全国約300か所のサービス拠点などの多彩なサービスインフラを生かしたシステム運用・監視・保守が強みのＩＴサービス企業です...
              </p>
            </div>
            <a
              href="./about.html"
              target="_blank"
              class="index_btn chover aboutus-btn"
            >
              <span>詳細を見る</span>
              <i class="iconfont idb carrow">&#xeb94;</i>
            </a>
          </div>
          <div class="aboutus-right chover">
            <img class="pic" src="./static/image/summary-01.png" alt="" />
          </div>
        </div>

        <div class="train w1100" data-scroll data-scroll-call="topA">
          <div class="index_head">
            <h1 class="index_title" data-topA>SAP研修</h1>
            <p class="index_subtitle" data-topA>
              お気軽に詳細ページから参加希望を知らせください
            </p>
            <p class="index_more chover" data-topA>
              <a href="./sap-list.html" target="_blank">もっと理解する</a
              >&nbsp<span class="cm">+</span>
            </p>
          </div>

          <div class="train-body" data-topA>
            <a href="./sap.html" target="_blank" class="train-item chover">
              <h4 class="train-h4 cword">募集中-SAP FIコンサルPA認定研修</h4>
              <div class="train-figure">
                <div class="train-left">
                  <img class="pic" src="./static/image/training01.png" alt="" />
                </div>
                <div class="train-right">
                  <div class="train-des">
                    <p>
                      S/4HANA
                      1909Ver.FI財務会計モジュール研修、SAP認定合格を目指す。
                      <br />合計80時ル研修、SAP認定合格ル研修、SAP認定合格ル研修、SAP認定合格ル研修、SAP認定合格ル研修、SAP認定合格間、当社シニアFICOコンサル授業...
                    </p>
                  </div>
                  <div class="train-box">
                    <dfn class="train-info">
                      <span><i class="iconfont ti1">&#xe617;</i>22.02.19</span>
                      <span
                        ><i class="iconfont ti2">&#xe615;</i
                        >Web授業（Zoom）</span
                      >
                      <span
                        ><i class="iconfont ti3">&#xe749;</i>募集人数５名</span
                      >
                    </dfn>
                    <dfn class="index_xx cword">
                      <span>詳細</span>
                      <i class="iconfont cmm carrow">&#xeb94;</i>
                    </dfn>
                  </div>
                </div>
              </div>
            </a>
            <a href="./sap.html" target="_blank" class="train-item chover">
              <h4 class="train-h4 cword">募集中-SAP FIコンサルPA認定研修</h4>
              <div class="train-figure">
                <div class="train-left">
                  <img class="pic" src="./static/image/training01.png" alt="" />
                </div>
                <div class="train-right">
                  <div class="train-des">
                    <p>
                      S/4HANA
                      1909Ver.FI財務会計モジュール研修、SAP認定合格を目指す。
                      <br />合計80時ル研修、SAP認定合格ル研修、SAP認定合格ル研修、SAP認定合格ル研修、SAP認定合格ル研修、SAP認定合格間、当社シニアFICOコンサル授業...
                    </p>
                  </div>
                  <div class="train-box">
                    <dfn class="train-info">
                      <span><i class="iconfont tid">&#xe617;</i>22.02.19</span>
                      <span
                        ><i class="iconfont tid">&#xe615;</i
                        >Web授業（Zoom）</span
                      >
                      <span
                        ><i class="iconfont tid">&#xe749;</i>募集人数５名</span
                      >
                    </dfn>
                    <dfn class="index_xx cword">
                      <span>詳細</span>
                      <i class="iconfont cmm carrow">&#xeb94;</i>
                    </dfn>
                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>

        <div class="solution">
          <div class="index_head">
            <h1 class="index_title" data-scroll data-scroll-call="topCurA">ソリューション&サービス</h1>
            <p class="index_subtitle" data-scroll data-scroll-call="topCurA">
              それぞれのお客様にとって最適なソリューションをご提案します。
            </p>
          </div>

          <div class="w1696"  data-scroll data-scroll-call="topA2">
            <div class="solution-body row16">
              <a href="#" class="solution-item" data-topA>
                <div class="solution-box">
                  <div class="sol-title">
                    <h1 class="sol-h1">財務会計</h1>
                    <p class="sol-p ellipsis">FI financial accounting</p>
                  </div>
                  <div class="sol-icon">
                    <img src="./static/image/sprint1_01.png" alt="" />
                  </div>
                  <div class="sol-info">
                    <i class="iconfont solu">&#xe65f;</i>
                    <span>认证人数:</span>
                    <strong class="sols on counter">30</strong>
                  </div>
                </div>
              </a>

              <div class="solution-item" data-topA>
                <div class="solution-box">
                  <div class="sol-title">
                    <h1 class="sol-h1">管理会計</h1>
                    <p class="sol-p ellipsis">CO controlling</p>
                  </div>
                  <div class="sol-icon">
                    <img src="./static/image/sprint1_03.png" alt="" />
                  </div>
                  <div class="sol-info">
                    <i class="iconfont solu">&#xe65f;</i>
                    <span>认证人数:</span>
                    <strong class="sols on counter">8</strong>
                  </div>
                </div>
              </div>

              <div class="solution-item" data-topA>
                <div class="solution-box">
                  <div class="sol-title">
                    <h1 class="sol-h1">購買管理</h1>
                    <p class="sol-p ellipsis">MM material management</p>
                  </div>
                  <div class="sol-icon">
                    <img src="./static/image/sprint1_04.png" alt="" />
                  </div>
                  <div class="sol-info">
                    <i class="iconfont solu">&#xe65f;</i>
                    <span>认证人数:</span>
                    <strong class="sols counter">30</strong>
                  </div>
                </div>
              </div>
              <div class="solution-item" data-topA>
                <div class="solution-box">
                  <div class="sol-title">
                    <h1 class="sol-h1">開発</h1>
                    <p class="sol-p ellipsis">ABAP/Fiori development</p>
                  </div>
                  <div class="sol-icon">
                    <img src="./static/image/sprint1_05.png" alt="" />
                  </div>
                  <div class="sol-info">
                    <i class="iconfont solu">&#xe65f;</i>
                    <span>认证人数:</span>
                    <strong class="sols counter">8</strong>
                  </div>
                </div>
              </div>
              <div class="solution-item" data-topA>
                <div class="solution-box">
                  <div class="sol-title">
                    <h1 class="sol-h1">販売管理</h1>
                    <p class="sol-p ellipsis">SD sales and distribution</p>
                  </div>
                  <div class="sol-icon">
                    <img src="./static/image/sprint1_06.png" alt="" />
                  </div>
                  <div class="sol-info">
                    <i class="iconfont solu">&#xe65f;</i>
                    <span>认证人数:</span>
                    <strong class="sols counter">5</strong>
                  </div>
                </div>
              </div>
              <div class="solution-item" data-topA>
                <div class="solution-box">
                  <div class="sol-title">
                    <h1 class="sol-h1">製造計画</h1>
                    <p class="sol-p ellipsis">PP production and planning</p>
                  </div>
                  <div class="sol-icon">
                    <img src="./static/image/sprint1_07.png" alt="" />
                  </div>
                  <div class="sol-info">
                    <i class="iconfont solu">&#xe65f;</i>
                    <span>认证人数:</span>
                    <strong class="sols counter">2</strong>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="newwrap w1100" data-scroll data-scroll-call="topCurA">
          <div class="new-left">
            <div class="nl-head">
              <h4 class="nl-h4">ニュース</h4>
              <p>
                社内イベントの様子や働くメンバーが語る事業や
                プロジェクトの裏側などをお届けします。
              </p>
            </div>
            <div class="nlzx">
              <dfn class="nlzxt chover">
                <i class="iconfont nldn dd">&#xe7fc;</i>
                <span>Webからのお問い合わせ</span>
              </dfn>
              <a href="./concat.html" target="_blank" class="nlbtn on">
                お問い合わせ
              </a>
              <a href="./concat.html" target="_blank" class="nlbtn">資料請求</a>
              <a class="nltxt">24時間受付</a>
            </div>
            <div class="nltel">
              <dfn class="nlzxt chover">
                <i class="iconfont nlpp dd">&#xe94f;</i>
                <span>Webからのお問い合わせ</span>
              </dfn>
              <p class="nlnum">03-6457-6896</p>
              <p class="nltt">平日　9:00〜17:30</p>
            </div>
          </div>
          <div class="new-right">
            <div class="new-box">
              <div class="newline">
                <a class="tabline-btn on">2022</a>
                <a class="tabline-btn">2021</a>
              </div>
              <div class="new-body">
                <div class="new-main">
                  <ul class="new-list">
                    <li class="new-item">
                      <p class="nidate">2022.02.05</p>
                      <a
                        href="./new.html"
                        target="_blank"
                        class="nicon ellipsis"
                      >
                        「Speed-I UIテンプレート」の内容を刷新しました。
                      </a>
                    </li>
                    <li class="new-item">
                      <p class="nidate">2022.02.05</p>
                      <a
                        href="./new.html"
                        target="_blank"
                        class="nicon ellipsis"
                      >
                        「Speed-I UIテンプレート」の内容を刷新しました。
                      </a>
                    </li>
                    <li class="new-item">
                      <p class="nidate">2022.02.05</p>
                      <a
                        href="./new.html"
                        target="_blank"
                        class="nicon ellipsis"
                      >
                        「Speed-I UIテンプレート」の内容を刷新しました。
                      </a>
                    </li>
                    <li class="new-item">
                      <p class="nidate">2022.02.05</p>
                      <a
                        href="./new.html"
                        target="_blank"
                        class="nicon ellipsis"
                      >
                        「Speed-I UIテンプレート」の内容を刷新しました。
                      </a>
                    </li>
                  </ul>
                </div>
                <div class="new-main hide">
                  <ul class="new-list">
                    <li class="new-item">
                      <p class="nidate">2021.01.05</p>
                      <a
                        href="./new.html"
                        target="_blank"
                        class="nicon ellipsis"
                      >
                        SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。
                      </a>
                    </li>
                    <li class="new-item">
                      <p class="nidate">2021.01.05</p>
                      <a
                        href="./new.html"
                        target="_blank"
                        class="nicon ellipsis"
                      >
                        SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。
                      </a>
                    </li>
                    <li class="new-item">
                      <p class="nidate">2021.01.05</p>
                      <a
                        href="./new.html"
                        target="_blank"
                        class="nicon ellipsis"
                      >
                        SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。
                      </a>
                    </li>
                    <li class="new-item">
                      <p class="nidate">2021.01.05</p>
                      <a
                        href="./new.html"
                        target="_blank"
                        class="nicon ellipsis"
                      >
                        SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。SAP用語集に「データドリブン（Data
                        Driven）」など10個の用語を追加しました。
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>

            <a
              href="./new-list.html"
              target="_blank"
              class="index_btn chover nrbtn"
            >
              <span>詳細を見る</span>
              <i class="iconfont idb carrow"></i>
            </a>
          </div>
        </div>
      </div>

      <footer class="footer" data-scroll-section>
        <div class="w1100 footer-wrap">
          <div class="footer-line">
            <h2 class="flogo">
              <a href="./index.html"
                ><img src="./static/image/flogo.png" alt=""
              /></a>
            </h2>
            <div class="fl-right">
              <div class="fl-right__cirle">
                <a class="flrcm">
                  <i class="iconfont flrtz">&#xe6a6;</i>
                  <span>問合せ</span>
                </a>
              </div>
              <div class="fl-right__cirle" title="去顶部">
                <dfn class="flrcm totop">
                  <i class="iconfont flra">&#xe61a;</i>
                </dfn>
              </div>
            </div>
          </div>

          <div class="footer-body">
            <div class="fb-dl">
              <div class="fb-section">
                <a class="fb-dt"> 企業情報 </a>
                <a href="./about.html" traget="_blank" class="fb-dd"
                  >会社概要</a
                >
                <a href="./career-field.html" traget="_blank" class="fb-dd"
                  >事業領域</a
                >
              </div>

              <div class="fb-section">
                <a class="fb-dt"> 案件情報 </a>
                <a href="./case-list.html" traget="_blank" class="fb-dd"
                  >案件一覧
                </a>
                <a href="./case.html" traget="_blank" class="fb-dd">案件情報</a>
              </div>
              <div class="fb-section">
                <a class="fb-dt"> SAP研修 </a>
                <a href="./sap-list.html" traget="_blank" class="fb-dd"
                  >SAP研修一覧</a
                >
                <a href="./sap.html" traget="_blank" class="fb-dd"
                  >SAP研修情報
                </a>
              </div>
              <div class="fb-section">
                <a class="fb-dt"> ニュース </a>
                <a href="./new-list.html" traget="_blank" class="fb-dd"
                  >ニュース一覧
                </a>
                <a href="./new.html" traget="_blank" class="fb-dd"
                  >ニュース情報</a
                >
              </div>
              <div class="fb-section">
                <a href="./recruit-list.html" traget="_blank" class="fb-dt">
                  採用情報
                </a>
              </div>
            </div>
            <div class="fb-right">
              <p class="fbrh1">アクセス</p>
              <p class="fbrp">
                東京都新宿区高田馬場2 - 1 - 2 TOHMA高田馬場　5階<br />TEL：
                03-6457-6896
              </p>
            </div>
          </div>

          <div class="copyright">
            © 株式会社ユアパートナー,All rights reserved.
          </div>
        </div>
      </footer>
    </div>

    <script src="./static/js/jquery-1.11.3.min.js"></script>
    <script src="./static/js/locomotive-scroll.js"></script>
    <script src="./static/js/swiper-bundle.min.js"></script>
    <script src="./static/js/TweenMax.min.js"></script>
    <script src="./static/js/main.min.js"></script>
  </body>
</html>
